<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Lab08</title>
    <link rel="stylesheet" href="Lab08.css">
</head>
<body>
<h3>热门景点排序及热度统计</h3>
<div id="bd">
    <div class="container">
        <div class="wrap" style="left: -600px;">
            <img src="5.jpg" alt="5" id="imgPre">
            <img src="1.jpg" alt="1" id="imgCurrent">
            <img src="2.jpg" alt="2" id="imgNext">
        </div>
        <div class="buttons">
            <span class="on">1</span>
            <span>2</span>
            <span>3</span>
            <span>4</span>
            <span>5</span>
        </div>
        <a href="javascript:" class="arrow arrow_left">&lt;</a>
        <a href="javascript:" class="arrow arrow_right">&gt;</a>
    </div>
    <table border="1">
        <tr>
            <th>景区</th>
            <th>省份</th>
            <th>热度</th>
        </tr>
        <tr>
            <td>黄山</td>
            <td>安徽</td>
            <td>4.8</td>
        </tr>
        <tr>
            <td>天安门</td>
            <td>北京</td>
            <td>4.5</td>
        </tr>
        <tr>
            <td>白云山</td>
            <td>广东</td>
            <td>4.2</td>
        </tr>
        <tr>
            <td>故宫</td>
            <td>北京</td>
            <td>4.1</td>
        </tr>
    </table>
</div>
<script type="text/javascript" src="jquery-3.3.1.min.js"></script>
<script src="Lab08.js"></script>
</body>
</html>